<template>
  <page-header-wrapper :title="false">
    <a-card>
      <a-tabs :default-active-key="currentTab" type="card" @change="onTabs">
<!--        <a-tab-pane key="1" tab="全部（操作列）"></a-tab-pane>-->
        <a-tab-pane key="2" tab="未领取"></a-tab-pane>
        <a-tab-pane key="3" tab="已领取"></a-tab-pane>
        <a-tab-pane key="4" tab="共享资源"></a-tab-pane>
      </a-tabs>
<!--      <all-customer v-if="currentTab == 1"></all-customer>-->
      <un-receive v-if="currentTab == 2"></un-receive>
      <received v-if="currentTab == 3"></received>
      <share-customer v-if="currentTab == 4"></share-customer>
    </a-card>
  </page-header-wrapper>
</template>

<script>
import AllCustomer from './components/AllCustomer'
import UnReceive from './components/UnReceive'
import Received from './components/Received'
import ShareCustomer from './components/ShareCustomer'

export default {
  components: {
    ShareCustomer,
    UnReceive,
    Received,
    AllCustomer
  },
  name: 'CustomerReceive',
  data () {
    return {
      currentTab: '2'
    }
  },
  methods: {
    onTabs (key) {
      this.currentTab = key
    }
  }
}
</script>

<style scoped>

</style>
